<template>
    <!-- 输入框 -->
    <header class="header">
      <h1>小黑记事本</h1>
      <input placeholder="请输入任务" class="new-todo" v-model="taskName" />
      <button class="add" @click="add">添加任务</button>
    </header>
</template>

<script>
export default {
    components: {

    },
    props:
   {
      taskList:{
        type:Array
      }
    },
      data () {
    return {
     taskName:''
    }
  },
    methods:{
      add(){
        this.$emit('add',{id:+new Date(),name:this.taskName})
      }
    }
   
}
</script>

<style></style>